<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  <div class="form_box">
    <div class="title1">申请详情</div>
    <div class="title2">
      <div class="title2_text">电梯信息</div>
    </div>
    <div class="content_box1">
      <div class="content_item1">
        <div>电梯编号：</div>
        <div>{$row.lift.lift_number}</div>
      </div>
      <div class="content_item1">
        <div>所在地区：</div>
        <div>{$row.lift.area}</div>
      </div>
      <div class="content_item1">
        <div>电梯地址：</div>
        <div>{$row.lift.buildings}</div>
      </div>
      <div class="content_item1">
        <div>电梯使用标志：</div>
        <img class="content_item1_img"
             src="{$row.lift.green_map}" alt="">
      </div>
      <div class="content_item1">
        <div>业主姓名：</div>
        <div>{$row.lift.real_name}</div>
      </div>
      <div class="content_item1">
        <div>联系电话：</div>
        <div>{$row.lift.phone}</div>
      </div>
      <div class="content_item1">
        <div>业务员：</div>
        <div>{$row.user.real_name}</div>
      </div>
      <div class="content_item1">
        <div>电梯规格：</div>
        <div>{$row.specifications}</div>
      </div>
    </div>
    <div class="title2">
      <div class="title2_text">售后信息
      </div>
    </div>
    <div class="content_box1">
      <div class="content_item1">
        <div>套餐名称：</div>
        <div>{$row.package}</div>
      </div>
      <div class="content_item1">
        <div>套餐时长：</div>
        <div>{$row.duration}</div>
      </div>
      <div class="content_item1">
        <div>成交价格：</div>
        <div>{$row.pay_price}</div>
      </div>
      <div class="content_item1">
        <div>付款时间：</div>
        <div>{$row.pay_time}</div>
      </div>
      <div class="content_item1">
        <div>售后编号：</div>
        <div>{$row.id}</div>
      </div>
      <div class="content_item1">
        <div>售后原因：</div>
        <div>{$row.remark_text}</div>
      </div>
      <div class="content_item1">
        <div>售后时间：</div>
        <div>{$row.add_time}</div>
      </div>
      <div class="content_item1">
        <div>支付方式：</div>
        <div>{$row.pay_type}</div>
      </div>
      <div class="content_item1">
        <div>交易流水号：</div>
        <div>{$row.trade_no}</div>
      </div>
      <div class="content_item1">
        <div>补充说明：</div>
        <textarea style="height: 80px;" name="" id="" cols="30" rows="10" readonly>
       {$row.refund_explain}
                </textarea>
      </div>
      <div class="content_item1">
        <div>补充依据：</div>
        <img class="content_item1_img" src="" alt="">
      </div>
    </div>

    <!--审核信息-->
    <div class="title2">
      <div class="title2_text">审核信息</div>
      {if condition="$row.audit_status eq 0"}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">待审核</span>
      </div>
      {elseif condition="$row.audit_status eq 2"/}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">已关闭</span>
      </div>
      {elseif condition="$row.audit_status eq 1"/}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">已退款</span>
      </div>
      {/if}
    </div>
    <!--审核信息-->
    <div class="content_box1">
      <div class="content_item1">
        <div>审核结果：</div>
        <div>
          <div class="col-xs-12">
            {:build_radios('row[audit_status]', [1=>'同意退款',2=>'关闭售后'])}
          </div>
        </div>
      </div>
      <div class="content_item1 bh" style="display: none">
        <div>关闭原因：</div>
        <div>
          <div class="col-xs-12">
            {:build_radios('row[refund_reason]', [1=>'用户已使用过套餐',2=>'协商一致'],0)}
          </div>
        </div>
      </div>
    </div>
    <div class="form-group layer-footer">
      <label class="control-label col-xs-12 col-sm-2"></label>
      <div class="col-xs-12 col-sm-8">
        <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
      </div>
    </div>
  </div>
</form>
<style>
  .form_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .title1,
  .title2 {
    width: 100%;
    font-weight: bold;
  }

  .title1 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
  }

  .title2 {
    background-color: rgb(215, 215, 215);
    display: flex;
    align-items: center;
  }

  .title2_text {
    margin: 10px 30px;
  }

  .content_box1 {
    margin-top: 30px;
    width: 90%;
    display: flex;
    flex-wrap: wrap;

  }

  .content_item1 {
    width: 33%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }


  .content_item1_img {
    max-width: 150px;
    max-height: 150px;
  }

  .btn_box {
    margin: 20px 0;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
</style>